<template>
    <view class="btn_group">
        <view>
            <u-button type="primary" plain shape="circle" text="上一步" @tap="previous" size="large"></u-button>
        </view>
        <view>
            <u-button type="primary" shape="circle" text="下一步" @tap="emit('next')" size="large"></u-button>
        </view>
    </view>
</template>

<script setup>
const emit = defineEmits(['next'])
const previous = () => {
    uni.$u.route({
        type: 'back',
        delta: 1
    })
}
</script>

<style lang='scss' scoped>
.btn_group {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;

    view {
        width: 45%;
    }
}
</style>